<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>JMyPuzzle</title>
    <script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
    <script src="https://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>

<script src="js/jmypuzzle.js"></script>
<script language="javascript">
$(function() {
	$(".jMyPuzzle").jMyPuzzle({
        visible: '100%'
    });
});
</script>
<link rel="stylesheet" type="text/css" href="css/jmypuzzle.css" />
</head>
<body>

<h1>Mixed words demonstration !!</h1>
<div class="jMyPuzzle">
	<p class="trials"></p>
	<ul>
		<li>or not</li>
		<li>be</li>
		<li>to</li>
		<li>question!</li>
		<li>that is</li>
		<li>the</li>
		<li>To</li>
		<li>be,</li>
	</ul>
	<input type="button" class="button reset" value="reset" />
	<input type="button" class="button check" value="check" />
</div>

</body>
</html>